<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/demo/tit2.jpg">
<link rel="icon" type="image/png" href="assets/img/demo/tit2.jpg">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<title>物理量纲</title>
<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport'/>
    
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Nunito:300,300i,400,600,800" rel="stylesheet">
    
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
    
<!-- Main CSS -->
<link href="./assets/css/main.css" rel="stylesheet"/>
    
<!-- Animation CSS -->
<link href="./assets/css/vendor/aos.css" rel="stylesheet"/>
    
</head>
    
<body> 
    
<!----------------------------------------------------------------------
NAVBAR (remove topnav if you don't want changed nav background on scroll)
------------------------------------------------------------------------>
<nav class="topnav navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
<div class="container-fluid">
	<a class="navbar-brand" href="./index.html"><i class="fas fa-anchor mr-2"></i><strong>Anchor YRC</strong></a>
	<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
	<span class="navbar-toggler-icon"></span>
	</button>
	<div class="navbar-collapse collapse" id="navbarColor02" style="">
		<ul class="navbar-nav mr-auto d-flex align-items-center">
			<li class="nav-item">
				<a class="nav-link" href="#huansaun">换算</a>
			</li>
			
			<li class="nav-item">
				<a class="nav-link" href="#xinwen">新闻</a>
			</li>
			
			<li class="nav-item">
				<a class="nav-link" href="#kepu">科普</a>
			</li>
			
			<li class="nav-item dropdown">
				<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				友情链接 </a>
				<div class="dropdown-menu" aria-labelledby="navbarDropdown">
					<a class="dropdown-item" href="https://gitee.com/" target="_blank">@Gitee</a>
					<a class="dropdown-item" href="https://lxx.tit.edu.cn/" target="_blank">@LXX.tit</a>
					<a class="dropdown-item" href="https://www.getbootstrap.cn/" target="_blank">@BootStrap</a>
				</div>
			</li>
		</ul>
		<ul class="navbar-nav ml-auto d-flex align-items-center">
			<li class="nav-item">
			<span class="nav-link" href="#">
				<a class="btn btn-info btn-round shadow-sm" href="#" data-toggle="modal" data-target="#exampleModalCenter6"><i class="fas fa-cloud-download-alt"></i> 下载源码 <a href="#" class="" class="hidden"></a>
				</a> 	
			<!-- <a class="btn btn-info btn-round shadow-sm" href="#" data-toggle="modal" data-target="#modal_newsletter"><i class="fas fa-cloud-download-alt"></i> 下载源码 <a href="#" class="" class="hidden"></a>
			</a> -->
			</span>
			</li>
		</ul>
	</div>
</div>
</nav>
<!-- End Navbar -->
    
    
<!-------------------------------------
HEADER
--------------------------------------->
<header>
    <div class="jumbotron jumbotron-lg jumbotron-fluid mb-0 pb-3 bg-primary position-relative">
        <div class="container-fluid text-white h-100">
            <div class="d-lg-flex align-items-center justify-content-between text-center pl-lg-5">
                <div class="col pt-4 pb-4">
                    <h1 class="display-3"><strong>物理量纲网站设计</strong></h1>
                    <h5 class="font-weight-light mb-4">作者：192088206杨润成<strong> </strong>  </h5>
                    <a href="blog.html" class="btn btn-lg btn-outline-white btn-round">Learn more</a>
                </div>
                <!-- <div class="col align-self-bottom align-items-right text-right h-max-380 h-xl-560 position-relative z-index-1">
                    <img src="assets/img/demo/tit2.jpg" class="rounded img-fluid">
                </div> -->
            </div>
        </div>
    </div>
    <svg style="-webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg); margin-top: -1px;" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 1440 126" style="enable-background:new 0 0 1440 126;" xml:space="preserve">
    <path class="bg-primary" d="M685.6,38.8C418.7-11.1,170.2,9.9,0,30v96h1440V30C1252.7,52.2,1010,99.4,685.6,38.8z"/>
    </svg>
</header>
<!--- END HEADER -->
<main class="container">

<!--------------------------------------
MODALS
--------------------------------------->
<section id="huansaun" class="pt-1 pb-1" data-aos="fade-up">
<h3 class="h5 mb-4 font-weight-bold"><strong>物理量纲换算</strong>——点击下方按钮即可换算</h3>
<div class="row">
	<div class="col-md-4">
		<!-- Button trigger modal 长度-->
		<button type="button" class="btn btn-primary w-100 btn-lg" data-toggle="modal" data-target="#exampleModalCenter1">
		长度 </button>
	</div><br><br><br>
	<div class="col-md-4">
		<!-- Button trigger modal 质量-->
		<button type="button" class="btn btn-primary w-100 btn-lg" data-toggle="modal" data-target="#exampleModalCenter2">
		质量 </button>
	</div><br><br><br>
	<div class="col-md-4">
		<!-- Button trigger modal 时间-->
		<button type="button" class="btn btn-primary w-100 btn-lg" data-toggle="modal" data-target="#exampleModalCenter3">
		时间 </button>
	</div><br><br><br>
	<div class="col-md-4">
		<!-- Button trigger modal 电流-->
		<button type="button" class="btn btn-primary w-100 btn-lg" data-toggle="modal" data-target="#exampleModalCenter4">
		电流 </button>
	</div><br><br><br>
	<div class="col-md-4">
		<!-- Button trigger modal 温度-->
		<button type="button" class="btn btn-primary w-100 btn-lg" data-toggle="modal" data-target="#exampleModalCenter5">
		温度 </button>
	</div><br><br><br>
</div>
</section>
<!-- Modal 质量 -->
<div class="modal fade" id="exampleModalCenter1" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLongTitle">长度换算</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				<div id = "computed_kil" class="form-row">
				    <div class="form-group col-md-6">
				        <label for="input11">千米：</label>
				        <input type="text" v-model = "kilometers" class="form-control" id="input11" placeholder="">
				    </div>
				    <div class="form-group col-md-6">
				        <label for="input12">米：</label>
				        <input type="text" v-model = "meters" class="form-control" id="input12" placeholder="">
				    </div>
				</div>
				<div id = "computed_cen" class="form-row">
				    <div class="form-group col-md-6">
				        <label for="input13">千米：</label>
				        <input type="text" v-model = "centimeters" class="form-control" id="input13" placeholder="">
				    </div>
				    <div class="form-group col-md-6">
				        <label for="input14">米：</label>
				        <input type="text" v-model = "meters" class="form-control" id="input14" placeholder="">
				    </div>
				</div>
				<div id = "computed_mil_length" class="form-row">
				    <div class="form-group col-md-6">
				        <label for="input15">毫米 :</label>
				        <input type="text" v-model = "millimeters" class="form-control" id="input15" placeholder="">
				    </div>
				    <div class="form-group col-md-6">
				        <label for="input16">米：</label>
				        <input type="text" v-model = "meters" class="form-control" id="input16" placeholder="">
				    </div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary">暂存数据</button>
			</div>
		</div>
	</div>
</div>
<!-- Modal 长度 -->
<div class="modal fade" id="exampleModalCenter2" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLongTitle">质量换算</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				<div id = "computed_ton" class="form-row">
				    <div class="form-group col-md-6">
				        <label for="input21">吨 : </label>
				        <input type="text" v-model = "ton" class="form-control" id="input21" placeholder="">
				    </div>
				    <div class="form-group col-md-6">
				        <label for="input22">千克：</label>
				        <input type="text" v-model = "kilogram" class="form-control" id="input22" placeholder="">
				    </div>
				</div>
				<div id = "computed_gra" class="form-row">
				    <div class="form-group col-md-6">
				        <label for="input23">克 : </label>
				        <input type="text" v-model = "gram" class="form-control" id="input23" placeholder="">
				    </div>
				    <div class="form-group col-md-6">
				        <label for="input24">千克：</label>
				        <input type="text" v-model = "kilogram" class="form-control" id="input24" placeholder="">
				    </div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary">暂存数据</button>
			</div>
		</div>
	</div>
</div>
<!-- Modal 时间 -->
<div class="modal fade" id="exampleModalCenter3" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLongTitle">时间换算</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				<div id = "computed_hou_time" class="form-row">
				    <div class="form-group col-md-6">
				        <label for="input31">时 : </label>
				        <input type="text" v-model = "hour" class="form-control" id="input31" placeholder="">
				    </div>
				    <div class="form-group col-md-6">
				        <label for="input32">秒：</label>
				        <input type="text" v-model = "second" class="form-control" id="input31" placeholder="">
				    </div>
				</div>
				<div id = "computed_min_time" class="form-row">
				    <div class="form-group col-md-6">
				        <label for="input33">分 : </label>
				        <input type="text" v-model = "minute" class="form-control" id="input33" placeholder="">
				    </div>
				    <div class="form-group col-md-6">
				        <label for="input34">秒：</label>
				        <input type="text" v-model = "second" class="form-control" id="input34" placeholder="">
				    </div>
				</div>
				<div id = "computed_mil_time" class="form-row">
				    <div class="form-group col-md-6">
				        <label for="input35">毫秒 : </label>
				        <input type="text" v-model = "millisecond" class="form-control" id="input35" placeholder="">
				    </div>
				    <div class="form-group col-md-6">
				        <label for="input36">秒：</label>
				        <input type="text" v-model = "second" class="form-control" id="input36" placeholder="">
				    </div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary">暂存数据</button>
			</div>
		</div>
	</div>
</div>
<!-- Modal 电流 -->
<div class="modal fade" id="exampleModalCenter4" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLongTitle">电流强度换算</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				<div id = "computed_mil" class="form-row">
				    <div class="form-group col-md-6">
				        <label for="input41">毫安 : </label>
				        <input type="text" v-model = "milliamperes" class="form-control" id="input41" placeholder="">
				    </div>
				    <div class="form-group col-md-6">
				        <label for="input42">安：</label>
				        <input type="text" v-model = "ampere" class="form-control" id="input42" placeholder="">
				    </div>
				</div>
				<div id = "computed_mic" class="form-row">
				    <div class="form-group col-md-6">
				        <label for="input43">微安 : </label>
				        <input type="text" v-model = "microamperes" class="form-control" id="input43" placeholder="">
				    </div>
				    <div class="form-group col-md-6">
				        <label for="input44">安：</label>
				        <input type="text" v-model = "ampere" class="form-control" id="input44" placeholder="">
				    </div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary">暂存数据</button>
			</div>
		</div>
	</div>
</div>
<!-- Modal 温度 -->
<div class="modal fade" id="exampleModalCenter5" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				<div id = "computed_kel" class="form-row">
				    <div class="form-group col-md-6">
				        <label for="input51">摄氏度 : </label>
				        <input type="text" v-model = "degree" class="form-control" id="input51" placeholder="">
				    </div>
				    <div class="form-group col-md-6">
				        <label for="input52">卡尔文：</label>
				        <input type="text" v-model = "kelvin" class="form-control" id="input52" placeholder="">
				    </div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary">暂存数据</button>
			</div>
		</div>
	</div>
</div>

<!-- Modal 下载 -->
<div class="modal fade" id="exampleModalCenter6" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLongTitle">许可协议</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				本网站用于192088206杨润成的毕业设计，仅供学习非商用，请勿破坏，使用源码请注意版权保护
				<br><br>
				<form class="was-validated" action="https://gitee.com/he_guofan_192088229/vfhawk">
					<div class="form-check mb-3">
						<input type="checkbox" class="form-check-input" id="validationFormCheck1" required>
						<label class="form-check-label" for="validationFormCheck1">我同意以上所有内容</label>
						<div class="invalid-feedback">此选项必须勾选</div>
					</div>
				
					<div class="">
						<button class="btn btn-secondary btn-block" type="submit">下载</button>
					</div>
				</form>
			</div>
			<!-- <div class="modal-footer">
				<a class="btn btn-secondary btn-round shadow-sm" href="#" data-dismiss="modal" data-toggle="modal" data-target="#exampleModalCenter6">
					<i class="fas fa-cloud-download-alt"></i> 同意协议并下载 
					<a href="#" class="" class="hidden"></a>
				</a> 
			</div> -->
		</div>
	</div>
</div>

<!--------------------------------------
ALERTS
--------------------------------------->
<section class="pt-0 pb-0" data-aos="fade-up">
<div class="row">
	<div class="col-md-12">
		<div class="alert alert-danger" role="alert">
			<h3 class="h5 mb-4 font-weight-bold">Tips</h3>
			<i class="fas fa-bullhorn"></i> 本网站自适应手机端，建议使用PC端获得更好的体验，若遇加载问题，请刷新页面
			<button type="button" class="close" data-dismiss="alert" aria-label="Close">
			<span aria-hidden="true">×</span>
			</button>
		</div>
	</div>
</div>
</section>

<!--------------------------------------
CAROUSEL
--------------------------------------->
<section class="pt-3 pb-3" data-aos="fade-up" id="example-carousel">
<h3 id="xinwen" class="h5 mb-4 font-weight-bold">物理新闻</h3>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
	<ol class="carousel-indicators">
		<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
		<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
		<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
	</ol>
	<div class="carousel-inner">
		<div class="carousel-item active">
			<img class="d-block w-100" src="assets/img/origin/11.png" alt="First slide">
			<div class="carousel-caption d-none d-md-block">
				<h5>首次人体FLASH质子治疗</h5>
				<!-- <p>第一张图</p> -->
			</div>
		</div>
		<div class="carousel-item">
			<img class="d-block w-100" src="assets/img/origin/33.png" alt="Second slide">
			<div class="carousel-caption d-none d-md-block">
				<h5>“九章二号”144模式干涉仪（部分）实验</h5>
				<!-- <p>第二张图</p> -->
			</div>
		</div>
		<div class="carousel-item">
			<img class="d-block w-100" src="assets/img/origin/22.png" alt="Third slide">
			<div class="carousel-caption d-none d-md-block">
				<h5>探测引力的阿哈罗诺夫-玻姆效应</h5>
				<!-- <p>第三张图</p> -->
			</div>
		</div>
	</div>
	<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
		<span class="carousel-control-prev-icon" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	</a>
	<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
		<span class="carousel-control-next-icon" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	</a>
</div>
</section>

<!--------------------------------------
PRICING
--------------------------------------->
<section class="pt-3 pb-3" data-aos="fade-up">
<h3 id="kepu" class="h5 mb-4 font-weight-bold">科普知识</h3>
<div class="card-deck card-pricing text-center">
	<div class="card border-0 shadow-sm">
		<div class="card-header bg-primary border-0 pt-4 pb-4">
			<img src="assets/img/origin/11.webp" >
		</div>
		<div class="card-body">
			<h3 class="my-0 font-weight-normal mb-3">长度（m）</h3>
			<ul class="list-unstyled mt-3 mb-4">
				<li>1.长度是一维空间的度量，为点到点的距离</li>
				<li>2.通常用于量度二维空间中量度线段边长</li>
				<li>3.称呼长度数值较大的为长</li>
				<li>4.称呼数值较小或者在“侧边”的为宽</li>
			</ul>
			<a class="btn btn-outline-success btn-block" href="https://baike.baidu.com/item/%E9%95%BF%E5%BA%A6/1584632?fr=aladdin" target="_blank">
				了解更多
			</a>
		</div>
	</div>
	<div class="card shadow-sm border-0">
		<div class="card-header bg-primary border-0 pt-4 pb-4">
			<img src="assets/img/origin/tianping.jpg" >
		</div>
		<div class="card-body">
			<h3 class="my-0 font-weight-normal mb-3">质量（kg）</h3>
			<ul class="list-unstyled mt-3 mb-4">
				<li>1.质量是物体所具有的一种物理属性</li>
				<li>2.质量是物质的惯性大小的量度</li>
				<li>3.质量分为惯性质量和引力质量</li>
				<li>4.任何物质既有惯性质量又有引力质量</li>
			</ul>
			<a class="btn btn-outline-success btn-block" href="https://baike.baidu.com/item/%E8%B4%A8%E9%87%8F/1236?fromModule=lemma_search-box" target="_blank">
				了解更多
			</a>
		</div>
	</div>
	<div class="card border-0 shadow-sm">
		<div class="card-header bg-primary border-0 pt-4 pb-4">
			<img src="assets/img/origin/time.jpg" >
		</div>
		<div class="card-body">
			<h3 class="my-0 font-weight-normal mb-3">时间（s）</h3>
			<ul class="list-unstyled mt-3 mb-4">
				<li>1.时间是物质的永恒运动的表现</li>
				<li>2.时间是物质的变化的持续性的表现</li>
				<li>3.时间是物质的顺序性的表现</li>
				<li>4.时间包含时刻和时段两个概念</li>
			</ul>
			<a class="btn btn-outline-success btn-block" href="https://baike.baidu.com/item/%E9%95%BF%E5%BA%A6/1584632?fr=aladdin" target="_blank">
				了解更多
			</a>
		</div>
</div>
<div class="card-deck card-pricing text-center">
	<div class="card shadow-sm border-0">
		<div class="card-header bg-primary border-0 pt-4 pb-4">
			<img src="assets/img/origin/dianliu.jpg" >
		</div>
		<div class="card-body">
			<h3 class="my-0 font-weight-normal mb-3">电流（A）</h3>
			<ul class="list-unstyled mt-3 mb-4">
				<li>1.是单位时间里通过导体任一横截面的电量</li>
				<li>2.电流符号为 I，单位是安培（A）</li>
				<li>3.电流的强弱用电流强度来描述</li>
				<li>4.正电荷定向流动的方向为电流方向</li>
			</ul>
			<a class="btn btn-outline-success btn-block" href="https://baike.baidu.com/item/%E7%94%B5%E6%B5%81?fromModule=lemma_search-box" target="_blank">
				了解更多
			</a>
		</div>
	</div>
	<div class="card border-0 shadow-sm">
		<div class="card-header bg-primary border-0 pt-4 pb-4">
			<img src="assets/img/origin/wendu.jpg" >
		</div>
		<div class="card-body">
			<h3 class="my-0 font-weight-normal mb-3">温度（K）</h3>
			<ul class="list-unstyled mt-3 mb-4">
				<li>1.温度是表示物体冷热程度的物理量</li>
				<li>2.微观上来讲是物体分子热运动的剧烈程度</li>
				<li>3.只能以物体随温度变化的某些特性来间接测量</li>
				<li>4.温度是物体分子运动平均动能的标志</li>
			</ul>
			<a class="btn btn-outline-success btn-block" href="https://baike.baidu.com/item/%E6%B8%A9%E5%BA%A6/221599?fromModule=lemma_search-box" target="_blank">
				了解更多
			</a>
		</div>
	</div>
	<div class="card shadow-sm border-0">
		<div class="card-header bg-primary border-0 pt-4 pb-4">
			<img src="assets/img/origin/wuzhideliang.jpg" >
		</div>
		<div class="card-body">
			<h3 class="my-0 font-weight-normal mb-3">物质的量（mol）</h3>
			<ul class="list-unstyled mt-3 mb-4">
				<li>1.物质的量表示含有一定数目粒子的集体</li>
				<li>2.物质的量的单位为摩尔，简称摩，符号为mol</li>
				<li>3.表示物质所含微粒数(N)与NA之比</li>
				<li>4.NA约为0.012kg ¹²C所含碳原子的个数</li>
			</ul>
			<a class="btn btn-outline-success btn-block" href="https://baike.baidu.com/item/%E7%89%A9%E8%B4%A8%E7%9A%84%E9%87%8F?fromModule=lemma_search-box" target="_blank">
				了解更多
			</a>
		</div>
	</div>
</section>

<!--------------------------------------
END
--------------------------------------->  
</main>
    
 
<!--------------------------------------
FOOTER
--------------------------------------->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 1440 126" style="enable-background:new 0 0 1440 126;" xml:space="preserve">
<path class="bg-black" d="M685.6,38.8C418.7-11.1,170.2,9.9,0,30v96h1440V30C1252.7,52.2,1010,99.4,685.6,38.8z"/>
</svg>
<footer class="bg-black pb-5">
<div class="container">
	<div class="row">
		<div class="col-12 col-md mr-4">
			<i class="fas fa-copyright text-white"></i>
			<small class="d-block mt-3 text-muted">©
			<script>document.write(new Date().getFullYear())</script>
			Anchor RunCheng Yang,  by Yrc <a target="_blank" href="#">@Gitee</a>. License ICP.
			</small>
		</div>
		<div class="col-6 col-md">
			<h5 class="mb-4 text-white">Features</h5>
			<ul class="list-unstyled text-small">
				<li><a class="text-muted" href="#">Cool stuff</a></li>
				<li><a class="text-muted" href="#">Random feature</a></li>
				<li><a class="text-muted" href="#">Team feature</a></li>
				<li><a class="text-muted" href="#">Stuff for developers</a></li>
			</ul>
		</div>
		<div class="col-6 col-md">
			<h5 class="mb-4 text-white">Resources</h5>
			<ul class="list-unstyled text-small">
				<li><a class="text-muted" href="#">Resource</a></li>
				<li><a class="text-muted" href="#">Resource name</a></li>
				<li><a class="text-muted" href="#">Another resource</a></li>
				<li><a class="text-muted" href="#">Final resource</a></li>
			</ul>
		</div>
		<div class="col-6 col-md">
			<h5 class="mb-4 text-white">Utilities</h5>
			<ul class="list-unstyled text-small">
				<li><a class="text-muted" href="#">Business</a></li>
				<li><a class="text-muted" href="#">Education</a></li>
				<li><a class="text-muted" href="#">Government</a></li>
				<li><a class="text-muted" href="#">Gaming</a></li>
			</ul>
		</div>
		<div class="col-6 col-md">
			<h5 class="mb-4 text-white">About</h5>
			<ul class="list-unstyled text-small">
				<li><a class="text-muted" href="#">Team</a></li>
				<li><a class="text-muted" href="#">Locations</a></li>
				<li><a class="text-muted" href="#">Privacy</a></li>
				<li><a class="text-muted" href="#">Terms</a></li>
			</ul>
		</div>
	</div>
</div>
</footer>

    
    
<!--------------------------------------
JAVASCRIPTS
--------------------------------------->    
<script src="./assets/js/vendor/jquery.min.js" type="text/javascript"></script>
<script src="./assets/js/vendor/popper.min.js" type="text/javascript"></script>
<script src="./assets/js/vendor/bootstrap.min.js" type="text/javascript"></script>
<script src="./assets/js/vendor/share.js" type="text/javascript"></script>
<script src="./assets/js/functions.js" type="text/javascript"></script>

<!-- 长度 -->
<script type = "text/javascript">
	var vm = new Vue({
	el: '#computed_kil',
	data: {
		kilometers : 0,
		meters:0
	},
	watch : {
		kilometers:function(val) {
		   this.kilometers = val;
		   this.meters = this.kilometers * 1000
		},
	}
	});
	  
	var vm = new Vue({
	el: '#computed_cen',
	data: {
		centimeters : 0,
		meters:0
	},
	watch : {
		centimeters:function(val) {
		   this.centimeters = val;
		   this.meters = this.centimeters / 100
		},
	}
	});

	var vm = new Vue({
	el: '#computed_mil_length',
	data: {
		millimeters : 0,
		meters:0
	},
	watch : {
		millimeters:function(val) {
		   this.millimeters = val;
		   this.meters = this.millimeters / 1000
		},
	}
	});
</script>
<!-- 质量 -->
<script type = "text/javascript">
	var vm = new Vue({
	el: '#computed_ton',
	data: {
		ton : 0,
		kilogram:0
	},
	watch : {
		ton:function(val) {
		   this.ton = val;
		   this.kilogram = this.ton * 1000
		},
	}
	});

	var vm = new Vue({
	el: '#computed_gra',
	data: {
		gram : 0,
		kilogram:0
	},
	watch : {
		gram:function(val) {
		   this.gram = val;
		   this.kilogram = this.gram / 1000
		},
	}
	});
</script>
<!-- 时间 -->
<script type = "text/javascript">
	var vm = new Vue({
	el: '#computed_hou_time',
	data: {
		hour : 0,
		second:0
	},
	watch : {
		hour:function(val) {
		   this.hour = val;
		   this.second = this.hour * 3600
		},
	}
	});

	var vm = new Vue({
	el: '#computed_min_time',
	data: {
		minute : 0,
		second:0
	},
	watch : {
		minute:function(val) {
		   this.minute = val;
		   this.second = this.minute *60
		},
	}
	});

	var vm = new Vue({
	el: '#computed_mil_time',
	data: {
		millisecond : 0,
		second:0
	},
	watch : {
		millisecond:function(val) {
		   this.millisecond = val;
		   this.second = this.millisecond / 1000
		},
	}
	});
</script>
<!-- 电流 -->
<script type = "text/javascript">
	var vm = new Vue({
	el: '#computed_mil',
	data: {
		milliamperes : 0,
		ampere:0
	},
	watch : {
		milliamperes:function(val) {
		   this.milliamperes = val;
		   this.ampere = this.milliamperes / 1000
		},
	}
	});

	var vm = new Vue({
	el: '#computed_mic',
	data: {
		microamperes : 0,
		ampere:0
	},
	watch : {
		microamperes:function(val) {
		   this.microamperes = val;
		   this.ampere = this.microamperes / 1000000
		},
	}
	});
</script>
<!-- 温度 -->
<script type = "text/javascript">
	var vm = new Vue({
	el: '#computed_kel',
	data: {
		kelvin : 0,
		degree:0
	},
	watch : {
	   degree : function (val) {
		   this.kelvin = val - 273;
		   this.degree = val;
		}
	}
	});
</script>
    
<!-- Animation -->
<script src="./assets/js/vendor/aos.js" type="text/javascript"></script>
<noscript>
    <style>
        *[data-aos] {
            display: block !important;
            opacity: 1 !important;
            visibility: visible !important;
        }
    </style>
</noscript>
<script>
    AOS.init({
        duration: 700
    });
</script>
 
<!-- Disable animation on less than 1200px, change value if you like -->
<script>
AOS.init({
  disable: function () {
    var maxWidth = 1200;
    return window.innerWidth < maxWidth;
  }
});
</script>
    
<!-- Carousel Height Smooth -->
<script>    
    $('.carousel').on('slide.bs.carousel', function (event) {
      var height = $(event.relatedTarget).height();
      var $innerCarousel = $(event.target).find('.carousel-inner');
      $innerCarousel.animate({
        height: height
      });
    });
    </script>
    
<!-- Popovers -->
<script>
    $(function () {
      $('[data-toggle="popover"]').popover()
    })
    $('.popover-dismiss').popover({
      trigger: 'focus'
    })
    </script>
    
<!-- Tooltips -->
<script>
    $(function () {
      $('[data-toggle="tooltip"]').tooltip()
    })
</script>
    
</body>
</html>